<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>极简麻将V1</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="icon" href="img/minijong.png">
</head>

<body>
	<div class="container" id="config">
		<div class="title">极简麻将V1</div>
		<div>&nbsp;</div>
		<details>
			<summary>游戏设置</summary>
			<table>
				<tbody>
					<tr>
						<td><label for="players">玩家人数</label></td>
						<td>
							<input type="range" id="players" min="1" max="4" value="4" list="playersValues" />
							<datalist id="playersValues">
								<option value="1" label="1"></option>
								<option value="2" label="2"></option>
								<option value="3" label="3"></option>
								<option value="4" label="4"></option>
							</datalist>
						</td>
					</tr>
					<tr>
						<td><label for="playAsRandom">随机安排座位</label></td>
						<td><input type="checkbox" id="playAsRandom" checked /></td>
					</tr>
					<tr>
						<td><label for="ai0">东家为AI</label></td>
						<td><input type="checkbox" id="ai0" /></td>
					</tr>
					<tr>
						<td><label for="ai1">南家为AI</label></td>
						<td><input type="checkbox" id="ai1" /></td>
					</tr>
					<tr>
						<td><label for="ai2">西家为AI</label></td>
						<td><input type="checkbox" id="ai2" /></td>
					</tr>
					<tr>
						<td><label for="ai3">北家为AI</label></td>
						<td><input type="checkbox" id="ai3" /></td>
					</tr>
					<tr>
						<td><label for="aiHard">高水平AI</label></td>
						<td><input type="checkbox" id="aiHard" /></td>
					</tr>
					<tr>
						<td><label for="conceal">王牌张数</label></td>
						<td>
							<input type="range" id="conceal" min="0" max="70" step="14" value="0"
								list="concealValues" />
							<datalist id="concealValues">
								<option value="0" label="0"></option>
								<option value="14" label="14"></option>
								<option value="28" label="28"></option>
								<option value="42" label="42"></option>
								<option value="56" label="56"></option>
								<option value="70" label="70"></option>
							</datalist>
						</td>
					</tr>
					<tr>
						<td><label for="maxHu">最多和牌人数</label></td>
						<td>
							<input type="range" id="maxHu" min="1" max="4" value="1" list="maxHuValues" />
							<datalist id="maxHuValues">
								<option value="1" label="1"></option>
								<option value="2" label="2"></option>
								<option value="3" label="3"></option>
								<option value="4" label="4"></option>
							</datalist>
						</td>
					</tr>
					<tr>
						<td><label for="goal">目标分数</label></td>
						<td>
							<input type="range" id="goal" min="2" max="10" value="8" list="goalValues" />
							<datalist id="goalValues">
								<option value="2" label="2"></option>
								<option value="4" label="4"></option>
								<option value="6" label="6"></option>
								<option value="8" label="8"></option>
								<option value="10" label="10"></option>
							</datalist>
						</td>
					</tr>
				</tbody>
			</table>
		</details>
		<div>&nbsp;</div>
		<div>
			<div class="clickable button" onclick="initialize()">开始游戏</div>
		</div>
	</div>
	<div class="hidden container" id="main"></div>
</body>
<script src="scripts/utility.js"></script>
<script src="scripts/hu.js"></script>
<script src="scripts/comb.js"></script>
<script src="scripts/render.js"></script>
<script src="scripts/ai.js"></script>
<script src="scripts/m1/calc.js"></script>
<script src="scripts/m1/round.js"></script>
<script src="scripts/m1/game.js"></script>